<style type="text/css">
    html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
    }

    body {
        margin: 10px;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    td,th {
        padding: 0;
    }

    .pure-table {
        border-collapse: collapse;
        border-spacing: 0;
        empty-cells: show;
        border: 1px solid #cbcbcb;
    }

    .pure-table caption {
        color: #000;
        font: italic 85%/1 arial,sans-serif;
        padding: 1em 0;
        text-align: center;
    }

    .pure-table td,.pure-table th {
        border-left: 1px solid #cbcbcb;
        border-width: 0 0 0 1px;
        font-size: inherit;
        margin: 0;
        overflow: visible;
        padding: .5em 1em;
    }

    .pure-table thead {
        background-color: #e0e0e0;
        color: #000;
        text-align: left;
        vertical-align: bottom;
    }

    .pure-table td {
        background-color: transparent;
    }
</style>
<table class="pure-table" style="width:100%">
    <thead>
    <tr>
        <th>序号</th>
        <th>留言内容</th>
        <th>时间</th>
    </tr>
    </thead>

    <tbody>
    <?php foreach($list as $key=>$vo){ ?>
        <tr>
            <td>{$key+1}</td>
            <td title="{$vo.content}"><?php echo substr($vo['content'], 0, 60); ?></td>
            <td>{$vo.add_time}</td>
        </tr>
    <?php } ?>
    </tbody>
</table>